<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<meta charset="utf-8"></meta>
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"></meta>

	<link rel="shortcut icon" type="image/x-icon"
		href="#{request.contextPath}/resources/imagens/favicon.ico" />

	<link href="../resources/css/metro-bootstrap.css" rel="stylesheet" />
	<link href="../resources/css/metro-bootstrap-responsive.css"
		rel="stylesheet" />
	<link href="../resources/css/iconFont.css" rel="stylesheet" />
	<link href="../resources/css/docs.css" rel="stylesheet" />
	<link href="../resources/js/prettify/prettify.css" rel="stylesheet" />

	<!-- Load JavaScript Libraries -->
	<script src="../resources/js/jquery/jquery.min.js"></script>
	<script src="../resources/js/jquery/jquery.widget.min.js"></script>
	<script src="../resources/js/jquery/jquery.mousewheel.js"></script>
	<script src="../resources/js/prettify/prettify.js"></script>

	<!-- Metro UI CSS JavaScript plugins -->
	<script src="../resources/js/load-metro.js"></script>

	<!-- Local JavaScript -->
	<script src="../resources/js/docs.js"></script>
	<script src="../resources/js/github.info.js"></script>


	<title>Quem Somos</title>

</h:head>
<h:body class="metro" style="background-color: #efeae3">

	<div class="">
		<div>
			<div class="container" style="padding: 50px 20px">
				<h1 class="fg-white">Quality Manager</h1>
				<h2 class="fg-white">Uma ferramenta de apoio à gestão de
					projetos para coordenadores de pesquisa no IFPB</h2>
			</div>
		</div>

		<div class="container">
			<div class="grid fluid">
				<div class="row">
					<div class="span8 bg-amber padding20 text-center">
						<h2 class="fg-white">Desenvolvedores</h2>
					</div>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="grid no-margin">

				<div class="row">
					<div class="span4 no-tablet-portrait no-phone">
						<div
							class="notice marker-on-right bg-lightDark padding20 text-center"
							style="height: 200px">
							<h:graphicImage value="/resources/images/emanuel.jpg"
								style="height: 100%;
								width: 50%;" />
						</div>
					</div>
					<div class="span8">
						<div
							class="notice marker-on-bottom no-desktop padding10 bg-lightDark text-center ">
							<p class="subheader-secondary fg-white no-margin"></p>
						</div>
						<ol class="styled">
							<li style="width: 90%">Emanuel Guimarães Brito</li>
							<li style="width: 90%">18 anos</li>
							<li style="width: 90%">Técnico em informática</li>
							<li style="width: 90%">Responsável pelo Client Mobile</li>
							<li style="width: 90%">Co-fundador do LADOSS</li>
						</ol>
					</div>
				</div>

				<div class="row">
					<div class="span4 no-tablet-portrait no-phone">
						<div
							class="notice marker-on-right bg-lightGreen padding20 text-center"
							style="height: 200px">
							<h:graphicImage value="/resources/images/eri.jpg"
								style="height: 100%;
								width: 50%;" />
						</div>
					</div>
					<div class="span8">
						<div
							class="notice marker-on-bottom no-desktop padding10 bg-lightGreen text-center ">
							<p class="subheader-secondary fg-white no-margin"></p>
						</div>
						<ol class="styled">
							<li style="width: 90%">Eri Jonhson Oliveira Silva</li>
							<li style="width: 90%">20 anos</li>
							<li style="width: 90%">Técnico em informática</li>
							<li style="width: 90%">Responsável pelo Client Service</li>
							<li style="width: 90%">Co-fundador do LADOSS</li>
						</ol>
					</div>
				</div>

				<div class="row">
					<div class="span4 no-tablet-portrait no-phone">
						<div
							class="notice marker-on-right bg-lighterBlue padding20 text-center"
							style="height: 200px">
							<h:graphicImage value="/resources/images/felipe.jpg"
								style="height: 100%;
								width: 50%;" />
						</div>
					</div>
					<div class="span8">
						<div
							class="notice marker-on-bottom no-desktop padding10 bg-lighterBlue text-center ">
							<p class="subheader-secondary fg-white no-margin"></p>
						</div>
						<ol class="styled">
							<li style="width: 90%">Felipe Nascimento Sousa</li>
							<li style="width: 90%">19 anos</li>
							<li style="width: 90%">Técnico em informática</li>
							<li style="width: 90%">Responsável pelo WEB service</li>
							<li style="width: 90%">Co-fundador do LADOSS</li>
						</ol>
					</div>
				</div>

				<div class="row">
					<div class="span4 no-tablet-portrait no-phone">
						<div
							class="notice marker-on-right bg-grayDark padding20 text-center"
							style="height: 200px">
							<h:graphicImage value="/resources/images/igor.jpg"
								style="height: 100%;
								width: 50%;" />
						</div>
					</div>
					<div class="span8">
						<div
							class="notice marker-on-bottom no-desktop padding10 bg-grayDark text-center ">
							<p class="subheader-secondary fg-white no-margin"></p>
						</div>
						<ol class="styled">
							<li style="width: 90%">Igor Barbosa da Costa</li>
							<li style="width: 90%">31 anos</li>
							<li style="width: 90%">Mestre em Ciências da computação</li>
							<li style="width: 90%">Orientador do Quality Manager</li>
							<li style="width: 90%">Fundador do LADOSS</li>
						</ol>
					</div>
				</div>

				<div class="row">
					<div class="span4 no-tablet-portrait no-phone">
						<div
							class="notice marker-on-right bg-lightTeal padding20 text-center"
							style="height: 200px">
							<h:graphicImage value="/resources/images/ivanildo.jpg"
								style="height: 100%;
								width: 50%;" />
						</div>
					</div>
					<div class="span8">
						<div
							class="notice marker-on-bottom no-desktop padding10 bg-lightTeal text-center ">
							<p class="subheader-secondary fg-white no-margin"></p>
						</div>
						<ol class="styled">
							<li style="width: 90%">Ivanildo Terceiro</li>
							<li style="width: 90%">19 anos</li>
							<li style="width: 90%">Técnico em informática</li>
							<li style="width: 90%">Administrador do sistema</li>
							<li style="width: 90%">Co-fundador do LADOSS</li>
						</ol>
					</div>
				</div>

				<div class="row">
					<div class="span4 no-tablet-portrait no-phone">
						<div
							class="notice marker-on-right bg-lightRed padding20 text-center"
							style="height: 200px">
							<h:graphicImage value="/resources/images/rhavy.jpg"
								style="height: 100%;
								width: 50%;" />
						</div>
					</div>
					<div class="span8">
						<div
							class="notice marker-on-bottom no-desktop padding10 bg-lightRed text-center ">
							<p class="subheader-secondary fg-white no-margin"></p>
						</div>
						<ol class="styled">
							<li style="width: 90%">Rhavy Maia Guedes</li>
							<li style="width: 90%">28 anos</li>
							<li style="width: 90%">Mestre em Ciências da computação</li>
							<li style="width: 90%">Co-orientador do Quality Manager</li>
							<li style="width: 90%">Fundador do LADOSS</li>
						</ol>
					</div>
				</div>

			</div>
		</div>

		<div class="bg-dark">
			<div class="container" style="padding: 10px 0;">

				<div class="grid no-margin">
					<div class="row no-margin">
						<div class="span3 padding10">
							<h:graphicImage value="/resources/images/felipe.jpg" alt=""
								class="polaroid" />
						</div>
						<div class="span6 padding10">
							<h3 class="fg-white">Sobre o autor</h3>
							<p class="fg-white">Olá, meu nome é Felipe Nascimento e eu
								sou o responsável pelo cliente WEB.</p>
						</div>
						<div class="span3 padding10">
							<a class="button danger " style="width: 100%; margin-bottom: 5px"
								href="https://code.google.com/p/quality-manager/">Google
								Code</a> <a class="button success "
								style="width: 100%; margin-bottom: 5px"
								href="http://200.129.68.181:8773/QManager_WEB/">QManager</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</h:body>
</html>